@import "../../../static/sass/thom_c_size.scss";
.input{
  width:tovw(690);
  height: tovw(100);
  border-radius: 2vw;
  background-color: #fff;
  margin-top: tovw(26);
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #848381;
  text-align: center;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #848381;
  text-align: center;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #848381;
  text-align: center;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #848381;
  text-align: center;
}

.btn_box{
  width: 100%;
  margin-top: tovw(26);
  .btn{
      width: tovw(214);
      height: tovw(76);
      line-height: tovw(76);
      text-align: center;
      float: left;
      border-radius: 2vw;
      background-color: #fff;
      color: #848381;
      &:nth-child(1){
        margin-left: tovw(262);
      }
      &:nth-child(2){
        margin-left: tovw(20);
      }
    &:nth-child(3){
      margin-left: tovw(20);
    }
  }
}

.wrap_main_2{
  width: tovw(700);
  margin: tovw(24) auto 0;
  position: relative;
  .wrap_main_2_top{
    overflow-y: scroll;
    width: 100%;
    height: tovw(320);
    background-color: #fff;
    border-radius: 2vw;
    position: relative;
  }
  .tips{
    width:tovw(76);
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
  }
}

.add_voice_wrap{
  color:#848381;
  text-align: center;
  font-size: tovw(30);
  width: 100%;
  height: tovw(368);
  background-color: #fff;
  border-radius: 2vw;
  margin-top: tovw(40);
  line-height: 3;
  img{
    width:tovw(64);
    position: absolute;
    bottom:10vw;
    right: tovw(20);
  }

}

.wrap_added{
  width: 100%;
  overflow: hidden;
  height: tovw(70);
  .img_box{
    float: left;
    margin-left: 20vw;
    &:nth-child(1){
      margin-left: 30vw;
    }
    img{
      width: tovw(70);
      height: tovw(70);
      display: block;
      position: initial;
    }
  }

}
